<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<script>
			function jsonp(req) {
				// TODO 这里创建的script标签，后台响应后，返回数据会直接在script标签里面执行，就相当于引入jq，会立即执行，全局就会存在$一样
				var script = document.createElement('script');
				var url = req.url + `?cb=${req.cb.name}&id=${req.data.id}`;
				script.src = url;
				document.getElementsByTagName('head')[0].appendChild(script);
			}

			function getJsonpData(res) {
				console.log(res);
			}

			jsonp({
				url: 'http://localhost:9999/jsonp',
				data: { id: 1 },
				cb: getJsonpData,
			});

			// node后代代码
			/* router.get('/jsonp', function (req, res, next) {
			var params = urllib.parse(req.url, true);
			var data = {
				'data': 'world'
			}
			var str = params.query.cb + '(' + JSON.stringify(data) + ')';
			res.send(str);
		}); */
		</script>
	</body>
</html>
